<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">


  <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" rel="stylesheet">
  <!--  <link rel="stylesheet" th:href="@{/s/css/bootstrap.css}">-->
  <title>商城通告</title>
</head>
<body>


<div class="container">
  <div class="row">
    <div class="col p-2">
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
          <a class="navbar-brand" href="#">
            <img style="width: 10%" th:src="@{/s/log.png}">
          </a>
          <button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"
                  class="navbar-toggler" data-bs-target="#navbarSupportedContent" data-bs-toggle="collapse"
                  type="button">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a aria-current="page" class="nav-link active" th:href="@{fount_product_list}">首页</a>
              </li>
              <li class="nav-item">

              </li>
              <li class="nav-item dropdown">
                <a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"
                   id="navbarDropdown"
                   role="button">
                  Dropdown
                </a>
                <ul aria-labelledby="navbarDropdown" class="dropdown-menu">
                  <li><a class="dropdown-item" href="#">Action</a></li>
                  <li><a class="dropdown-item" href="#">Another action</a></li>
                  <li>
                    <hr class="dropdown-divider">
                  </li>
                  <li><a class="dropdown-item" href="#">Something else here</a></li>
                </ul>
              </li>
              <li class="nav-item">
                <a aria-disabled="true" class="nav-link disabled" href="#" tabindex="-1">Disabled</a>
              </li>
            </ul>
            <form class="d-flex">
              <input aria-label="Search" class="form-control me-2" placeholder="Search" type="search">
              <button class="btn btn-outline-success" type="submit">Search</button>
            </form>
          </div>
        </div>
      </nav>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <div class="card">
        <div class="card-header">
          商城通告
        </div>

        <!--        <div class="row">-->
        <!--          <div class="col-sm-3" th:each="book:${pageInfo.list}">-->

        <!--            <div class="card" style="width: 18rem;">-->
        <!--              <img class="card-img-top" style="width: 50%" th:src="${book.picture}">-->
        <!--              <div class="card-body">-->
        <!--                <h5 class="card-title">-->
        <!--                  <th style="width: 300px" th:text="${book.name}">Mark</th>-->
        <!--                </h5>-->
        <!--                <p class="card-text">-->
        <!--                <th style="width: 200px" th:text="${book.price}"></th>-->
        <!--                </p>-->
        <!--                <a class="btn btn-primary" href="#">详情</a>-->
        <!--              </div>-->
        <!--            </div>-->

        <!--          </div>-->
        <!--        </div>-->


        <div class="card-body">
          <table class="table">
            <thead>
            <tr>
              <th scope="col">#</th>
              <th scope="col">通告内容</th>
              <th scope="col">发布日期</th>
            </tr>
            </thead>
            <tbody>

            <!--/*@thymesVar id="pageInfo" type="com.github.pagehelper.PageInfo"*/-->
            <tr th:each="book:${pageInfo.list}">

              <th th:text="${book.id}"></th>
              <th class="d-inline-block text-truncate" style="max-width: 300px;" th:text="${book.content}">Mark</th>

              <th style="width: 200px" th:text="${#dates.format(book.createTime, 'yyyy-MM-dd')}">Mark</th>
              <!--                      <th>-->
              <!--                        <a th:href="@{${'/book/edit?id='+book.id}}" title="编辑">-->
              <!--                          <svg class="bi bi-pencil" fill="currentColor" height="16" viewBox="0 0 16 16"-->
              <!--                               width="16" xmlns="http://www.w3.org/2000/svg">-->
              <!--                            <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/>-->
              <!--                          </svg>-->
              <!--                        </a>-->
              <!--                        <a onclick="delConfirm(event,this.href)" th:href="@{${'/book/del?id='+book.id}}" title="删除">-->
              <!--                          <svg class="bi bi-trash" fill="currentColor" height="16" viewBox="0 0 16 16" width="16"-->
              <!--                               xmlns="http://www.w3.org/2000/svg">-->
              <!--                            <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>-->
              <!--                            <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"-->
              <!--                                  fill-rule="evenodd"/>-->
              <!--                          </svg>-->
              <!--                        </a>-->
              <!--                      </th>-->

            </tr>
            </tbody>
          </table>
        </div>

        <div class="card-footer">
          <nav aria-label="...">
            <ul class="pagination">

              <li class="page-item" th:classappend="${pageInfo.isFirstPage}?'disabled'">
                <span class="page-link" th:href="@{${'/fount/fount_inform_list?pageNum='+(pageInfo.pageNum-1)}}">&laquo;</span>
              </li>

              <li class="page-item" th:classappend="${p==pageInfo.pageNum}?'active'"
                  th:each="p:${pageInfo.navigatepageNums}">
                <a class="page-link" href="#" th:href="@{${'/fount/fount_inform_list?pagNum='+p}}" th:text="${p}"></a>
              </li>

              <li class="page-item" th:classappend="${pageInfo.isLastPage}?'disabled'">
                <a class="page-link">&raquo;</a>
              </li>

            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <p class="text-center">咸鱼商城，值得信赖&copy;</p>
    </div>
  </div>
</div>
</div>

<script crossorigin="anonymous"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<script>
  function delConfirm(event, href) {
    event.preventDefault();
    if (window.confirm("确定删除？？？")) {
      window.location.href = href;
    }
  }
</script>
</body>
</html>